<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="http://d3js.org/d3.v5.min.js"></script>
<title>选择元素和绑定数据</title>
</head>

<body>
	<p>dog</p>
	<p>cat</p>
	<p>pig</p>

	<script>
		var str = "is an animal";//新建一个字符串
		var p = d3.select("body")
			.selectAll("p");

		  // datum()：将一个数据绑定到所有选择集上
		p.datum(str)//绑定
			.text(function(d,i){
				return "第"+i+"个元素"+d;
			});


		// var dataset = ["so cute", "cute", "fat"];
		// var p = d3.select("body")
		// 	.selectAll("p");
		// console.log("p", p);

		// // 讲一个数组绑定到选择集上，数组各项和选择集各元素绑定，也就是一一对应的关系
		// p.data(dataset)
		// 	.text(function (d, i) {
		// 		return "第" + i + "个动物" + d;
		// 	});

	</script>

</body>

</html>
